<div class="stripe-regular">
	<div class="row">
		<div class="column">
			<h1 style="color:#8A8A8A;font-size:1em;font-weight:bold;">Promo Codes by Categories</h1>
		</div>
	</div>
	<div class="row collapse">
		<div class="column">
			<div id="popular-categories" class="popular-companies flexslider">
				<ul class="rr slides">
					<?php foreach($allCategories as $count => $temp){?>
					<li><a href="/<?php echo $temp['parent_url'];?>"
						class="wrapper-5 small">
							<div id="img<?php echo $count;?>"
								style="position: absolute; background-color: #fff; height: 88px; width: 88px; opacity: 0.5; border-radius: 5px;"
								align="center" onmouseover="showHover(<?php echo $count;?>, 'hide');" onmouseout="showHover(<?php echo $count;?>, 'show');">
								<p
									style="margin-top: 30px; font-weight: bold; opacity: 1.0; color: #000;">
									<?php echo ucfirst($temp['parent_name']);?>
								</p>
							</div> <img src="<?php echo $temp['parent_image'];?>" alt=""
							style="box-shadow: 0px 0px 4px #A049BB; border-radius: 5px;" onmouseover="showHover(<?php echo $count;?>, 'hide');" onmouseout="showHover(<?php echo $count;?>, 'show');">
					</a></li>
					<?php } ?>
				</ul>
			</div>
		</div>
	</div>
</div>